<!doctype html>
<html lang="zh-CN">
 <head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <title>年度规划项目 - 学员端</title> 
  <script src="../javascript/reload.js"></script> 
  <script src="./1967850301578805248/resource_3585810000.js"></script> 
  <link href="./1967850301578805248/all.min.css" rel="stylesheet"> 
  <script src="./1967850301578805248/echarts.min.js"></script> 
  <script>tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#165DFF',
                        secondary: '#4080FF',
                        accent: '#0E42D2',
                        neutral: '#F5F7FA',
                        'neutral-dark': '#E5E6EB',
                        'text-primary': '#1D2129',
                        'text-secondary': '#4E5969',
                        'text-tertiary': '#86909C',
                    },
                    fontFamily: {
                        inter: ['Inter', 'system-ui', 'sans-serif'],
                    },
                    spacing: {
                        '220': '220px',
                        '250': '250px',
                    }
                },
            }
        }</script> 
  <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .scrollbar-hide {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            .scrollbar-hide::-webkit-scrollbar {
                display: none;
            }
            .menu-active {
                @apply bg-primary/10 text-primary border-l-4 border-primary;
            }
            .menu-item {
                @apply flex items-center px-4 py-3 text-text-secondary hover:bg-neutral-dark transition-all duration-200 cursor-pointer;
            }
            .menu-item-active {
                @apply bg-primary/10 text-primary border-l-4 border-primary;
            }
            .submenu-item {
                @apply flex items-center px-8 py-2.5 text-text-secondary hover:bg-neutral-dark transition-all duration-200 cursor-pointer text-sm;
            }
            .submenu-item-active {
                @apply bg-primary/10 text-primary;
            }
            .card-shadow {
                box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.06);
            }
            .btn-primary {
                @apply bg-primary text-white px-4 py-2 rounded-md hover:bg-accent transition-all duration-200 flex items-center justify-center;
            }
            .btn-secondary {
                @apply bg-white text-primary border border-primary px-4 py-2 rounded-md hover:bg-primary/5 transition-all duration-200 flex items-center justify-center;
            }
            .btn-outline {
                @apply bg-white text-text-secondary border border-neutral-dark px-4 py-2 rounded-md hover:bg-neutral transition-all duration-200 flex items-center justify-center;
            }
            .input-field {
                @apply w-full px-3 py-2 border border-neutral-dark rounded-md focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-200;
            }
            .table-header {
                @apply bg-neutral text-text-secondary text-sm font-medium px-4 py-3;
            }
            .table-row {
                @apply border-b border-neutral-dark hover:bg-neutral/50 transition-all duration-200;
            }
            .badge {
                @apply px-2 py-1 rounded-full text-xs font-medium;
            }
            .badge-success {
                @apply bg-green-100 text-green-700;
            }
            .badge-warning {
                @apply bg-yellow-100 text-yellow-700;
            }
            .badge-danger {
                @apply bg-red-100 text-red-700;
            }
            .badge-info {
                @apply bg-blue-100 text-blue-700;
            }
            .badge-purple {
                @apply bg-purple-100 text-purple-700;
            }
        }
    </style> 
 </head> 
 <body class="font-inter bg-neutral text-text-primary h-screen flex overflow-hidden"> 
  <!-- 左侧菜单区域 --> 
  <aside id="sidebar" class="w-220 bg-white h-full shadow-md z-10 transition-all duration-300 ease-in-out"> 
   <!-- 品牌标识 --> 
   <div class="flex items-center justify-center h-16 border-b border-neutral-dark"> 
    <div class="flex items-center"> 
     <i class="fas fa-chart-line text-primary text-2xl mr-3"> </i> 
     <h1 class="text-xl font-bold text-primary"> Hi Quick AI </h1> 
    </div> 
   </div> 
   <!-- 菜单列表 --> 
   <nav class="py-4 h-[calc(100%-4rem)] overflow-y-auto scrollbar-hide"> 
    <div class="menu-group">
     <a class="yt-a-defalut-link menu-item flex justify-between" custom-a="true" custom-href="w=1181&amp;h=762&amp;appuuid=1969721745313103872&amp;version=2&amp;pageType=web&amp;uuid=1968264071639728128&amp;appName=年规学员端最新版1.1" href="javascript:void(0);" is-add="true" is-page="true" onclick="ytCustomLinkNavigation()" style="display: inline; padding: 0px; border: 0px; box-shadow: none;" target="_top"> 
      <div class="menu-item flex justify-between" data-menu="monthly" data-selectorname="#id-pe1s4" style="background-color:#ffffffff"> 
       <div class="flex items-center"> 
        <i class="fas fa-calendar-check text-lg mr-3"> </i> 
        <span class="" contenteditable="false" style="outline: none;"> 工作台 </span> 
       </div> 
      </div> </a> 
     <div class="submenu hidden" id="submenu-monthly"> 
     </div> 
    </div> 
    <!-- 公司公告 --> 
    <div class="menu-group"> 
     <a class="yt-a-defalut-link menu-item flex justify-between" custom-a="true" custom-href="w=1170&amp;h=728&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1968578812111224832&amp;appName=年规学员端最新版1.1" href="javascript:void(0);" is-add="false" is-page="true" onclick="ytCustomLinkNavigation()" style="display: inline; padding: 0px; border: 0px; box-shadow: none;" target="_top"> 
      <div class="menu-item flex justify-between" data-menu="announcements" data-selectorname="#id-wgtje" style="background-color:#ffffffff"> 
       <div class="flex items-center"> 
        <i class="fas fa-bullhorn text-lg mr-3"> </i> 
        <span> 公司公告 </span> 
       </div> 
      </div> </a> 
     <div class="submenu hidden" id="submenu-announcements"> 
     </div> 
    </div> 
    <!-- 年规管理 --> 
    <div class="menu-group" data-ytextravalue="extra-qmqhw624i"> 
     <div class="menu-item flex justify-between" data-menu="planning" data-ytparentvalue="extra-qmqhw624i" data-ytoriginindex="0" data-ytindex="0"> 
      <div class="flex items-center"> 
       <i class="fas fa-bullseye text-lg mr-3"> </i> 
       <span> 年规管理 </span> 
      </div> 
      <i class="fas fa-chevron-right text-xs transition-transform duration-200"> </i> 
     </div> 
     <div class="submenu hidden" id="submenu-planning" data-ytextravalue="extra-7ka8t1hn6" data-ytoriginindex="1" data-ytindex="1"> 
      <a class="yt-a-defalut-link submenu-item flex" target="_top" is-page="true" href="javascript:void(0);" custom-href="w=1321&amp;h=831&amp;appuuid=1969721745313103872&amp;version=2&amp;pageType=web&amp;uuid=1969787710210048000&amp;appName=demo1" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="false" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" data-ytoriginindex="0" data-ytindex="0" data-ytparentvalue="extra-7ka8t1hn6"> 
       <div class="submenu-item" data-page="goal-dashboard" data-selectorname="#id-le1wa" style> 
        <i class="fas fa-chart-pie text-xs mr-2"> </i> 
        <span style> 目标进度看板 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" target="_top" is-page="true" href="javascript:void(0);" custom-href="w=1390&amp;h=831&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1969803110087917568&amp;appName=demo1" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="false" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" data-ytoriginindex="1" data-ytindex="1" data-ytparentvalue="extra-7ka8t1hn6"> 
       <div class="submenu-item" data-page="performance-entry" data-selectorname="#id-k8g0a" style> 
        <i class="fas fa-pencil-alt text-xs mr-2"> </i> 
        <span> 业绩回填 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" target="_top" is-page="true" href="javascript:void(0);" custom-href="w=1228&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967832363245240320&amp;appName=年规学员端左侧菜单版" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="true" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" data-ytoriginindex="2" data-ytindex="2"> 
       <div class="submenu-item" data-page="product-library" data-selectorname="#id-ohkjz" style> 
        <i class="fas fa-box text-xs mr-2"> </i> 
        <span> 产品库 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" target="_top" is-page="true" href="javascript:void(0);" custom-href="w=1321&amp;h=831&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1969766167933353984&amp;appName=demo1" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="false" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" data-ytoriginindex="3" data-ytindex="3"> 
       <div class="submenu-item" data-page="marketing-plan" data-selectorname="#id-qt7s6" style> 
        <i class="fas fa-bullhorn text-xs mr-2"> </i> 
        <span> 营销计划 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" target="_top" is-page="true" href="javascript:void(0);" custom-href="w=1228&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967839529905684480&amp;appName=年规学员端左侧菜单版" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="true" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" data-ytoriginindex="4" data-ytindex="4"> 
       <div class="submenu-item" data-page="customer-records" data-selectorname="#id-tfb6a" style> 
        <i class="fas fa-users text-xs mr-2"> </i> 
        <span> 客户档案 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" target="_top" is-page="true" href="javascript:void(0);" custom-href="w=1228&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967841389332922368&amp;appName=年规学员端左侧菜单版" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="true" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" data-ytparentvalue="extra-7ka8t1hn6" data-ytoriginindex="5" data-ytindex="5"> 
       <div class="submenu-item" data-page="pk-activities" data-selectorname="#id-nwowd" style> 
        <i class="fas fa-trophy text-xs mr-2"> </i> 
        <span> PK 活动 </span> 
       </div> </a> 
     </div> 
    </div> 
    <!-- 工作管理 --> 
    <div class="menu-group"> 
     <div class="menu-item menu-item-active flex justify-between" data-menu="work"> 
      <div class="flex items-center"> 
       <i class="fas fa-briefcase text-lg mr-3"> </i> 
       <span> 工作管理 </span> 
      </div> 
      <i class="fas fa-chevron-down text-xs transition-transform duration-200"> </i> 
     </div> 
     <div class="submenu" id="submenu-work" data-ytextravalue="extra-ioy01h2vs"> 
      <a class="yt-a-defalut-link submenu-item flex" target="_top" is-page="true" custom-href="w=1228&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967843857995399168&amp;appName=年规学员端左侧菜单版" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="true" style="display: flex; padding: 0px; border: 0px; box-shadow: none; opacity: 1; color: rgb(78, 89, 105); font-family: Inter, system-ui, sans-serif; font-size: 14px; font-weight: 400; font-style: normal; line-height: 20px; text-align: start; text-indent: 0px;" data-selectorname="#id-0b5qx" data-ytparentvalue="extra-ioy01h2vs" data-ytoriginindex="0" data-ytindex="0" href="javascript:void(0);"> 
       <div class="submenu-item" data-page="work-dashboard" data-selectorname="#id-20d54" style="cursor: move;"> 
        <i class="fas fa-chart-bar text-xs mr-2"> </i> 
        <span data-selectorname="span"> 周日报管理 </span> 
       </div> </a> 
      <div class="submenu-item submenu-item-active" data-page="meeting-plan" data-ytoriginindex="1" data-ytindex="1"> 
       <i class="fas fa-calendar-alt text-xs mr-2"> </i> 
       <span> 会议计划 </span> 
      </div> 
      <a class="yt-a-defalut-link submenu-item flex" target="_top" is-page="true" href="javascript:void(0);" custom-href="w=1228&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967852373321711616&amp;appName=年规学员端左侧菜单版" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="true" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" data-ytextravalue="extra-7u4r3hwzk" data-ytoriginindex="2" data-ytindex="2" data-ytparentvalue="extra-ioy01h2vs"> 
       <div class="submenu-item" data-page="work-tasks" data-selectorname="#id-m797b" style data-ytparentvalue="extra-7u4r3hwzk" data-ytoriginindex="0" data-ytindex="0"> 
        <i class="fas fa-tasks text-xs mr-2"> </i> 
        <span data-selectorname="span"> 工作任务 </span> 
       </div> </a> 
     </div> 
    </div> 
    <!-- 学习成长 --> 
    <div class="menu-group"> 
     <div class="menu-item flex justify-between" data-menu="learning"> 
      <div class="flex items-center"> 
       <i class="fas fa-graduation-cap text-lg mr-3"> </i> 
       <span> 学习成长 </span> 
      </div> 
      <i class="fas fa-chevron-right text-xs transition-transform duration-200"> </i> 
     </div> 
     <div class="submenu hidden" id="submenu-learning" data-ytextravalue="extra-c53grghef"> 
      <a class="yt-a-defalut-link submenu-item flex" target="_top" is-page="true" href="javascript:void(0);" custom-href="w=1113&amp;h=728&amp;appuuid=1969721745313103872&amp;version=2&amp;pageType=web&amp;uuid=1968967895824203776&amp;appName=年规学员端最新版1.1" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="false" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" data-ytparentvalue="extra-c53grghef" data-ytoriginindex="0" data-ytindex="0"> 
       <div class="submenu-item" data-page="company-culture" data-selectorname="#id-zzsks" style> 
        <i class="fas fa-building text-xs mr-2"> </i> 
        <span> 企业文化 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" target="_top" is-page="true" href="javascript:void(0);" custom-href="w=1228&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967868783729049600&amp;appName=年规学员端左侧菜单版" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="true" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" data-ytoriginindex="1" data-ytindex="1"> 
       <div class="submenu-item" data-page="course-center" data-selectorname="#id-7idcq" style> 
        <i class="fas fa-book-open text-xs mr-2"> </i> 
        <span> 课程中心 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" target="_top" is-page="true" href="javascript:void(0);" custom-href="w=1228&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967868795963834368&amp;appName=年规学员端左侧菜单版" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="true" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" data-ytoriginindex="2" data-ytindex="2"> 
       <div class="submenu-item" data-page="knowledge-base" data-selectorname="#id-l382j" style> 
        <i class="fas fa-book text-xs mr-2"> </i> 
        <span> 知识库 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" target="_top" is-page="true" href="javascript:void(0);" custom-href="w=1228&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967868797977100288&amp;appName=年规学员端左侧菜单版" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="true" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" data-ytoriginindex="3" data-ytindex="3" data-ytparentvalue="extra-c53grghef"> 
       <div class="submenu-item" data-page="learning-plan" data-selectorname="#id-1iela" style> 
        <i class="fas fa-clipboard-list text-xs mr-2"> </i> 
        <span> 学习计划 </span> 
       </div> </a> 
     </div> 
    </div> 
    <!-- 个人档案 --> 
    <div class="menu-group"> 
     <div class="menu-item flex justify-between" data-menu="profile"> 
      <div class="flex items-center"> 
       <i class="fas fa-user text-lg mr-3"> </i> 
       <span> 个人档案 </span> 
      </div> 
      <i class="fas fa-chevron-right text-xs transition-transform duration-200"> </i> 
     </div> 
     <div class="submenu hidden" id="submenu-profile" data-ytextravalue="extra-yzgir2xwh"> 
      <a class="yt-a-defalut-link submenu-item flex" target="_top" is-page="true" href="javascript:void(0);" custom-href="w=1228&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967868800292356096&amp;appName=年规学员端左侧菜单版" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="true" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" data-ytparentvalue="extra-yzgir2xwh" data-ytoriginindex="0" data-ytindex="0"> 
       <div class="submenu-item" data-page="basic-info" data-selectorname="#id-t8amq" style> 
        <i class="fas fa-id-card text-xs mr-2"> </i> 
        <span> 基本信息 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" target="_top" is-page="true" href="javascript:void(0);" custom-href="w=1228&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967868801315766272&amp;appName=年规学员端左侧菜单版" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="true" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" data-ytoriginindex="1" data-ytindex="1"> 
       <div class="submenu-item" data-page="account-settings" data-selectorname="#id-5ayfw" style> 
        <i class="fas fa-cog text-xs mr-2"> </i> 
        <span> 账号设置 </span> 
       </div> </a> 
     </div> 
    </div> 
   </nav> 
  </aside> 
  <!-- 右侧内容区域 --> 
  <main class="flex-1 flex flex-col overflow-hidden"> 
   <!-- 顶部导航栏 --> 
   <header class="h-16 bg-white border-b border-neutral-dark flex items-center justify-between px-6 z-10"> 
    <div class="flex items-center"> 
     <button id="toggle-sidebar" class="mr-4 text-text-secondary hover:text-primary transition-colors duration-200"> <i class="fas fa-bars text-xl"> </i> </button> 
     <div class="text-sm text-text-tertiary" id="breadcrumb"> 
      <span> 工作管理 </span> 
      <i class="fas fa-angle-right mx-2 text-xs"> </i> 
      <span> 会议计划 </span> 
     </div> 
    </div> 
    <div class="flex items-center space-x-6"> 
     <div class="relative"> 
      <input type="text" placeholder="搜索..." class="pl-10 pr-4 py-2 rounded-full text-sm border border-neutral-dark focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary w-64"> 
      <i class="fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-text-tertiary"> </i> 
     </div> 
     <div class="relative"> 
      <button class="relative text-text-secondary hover:text-primary transition-colors duration-200"> <i class="fas fa-bell text-xl"> </i> <span class="absolute top-0 right-0 w-2 h-2 bg-red-500 rounded-full"> </span> </button> 
     </div> 
     <div class="flex items-center cursor-pointer group"> 
      <img src="./1967850301578805248/f48e4ae6256cb09fa61d11486866b14f.png" alt="用户头像" class="w-8 h-8 rounded-full object-cover border-2 border-transparent group-hover:border-primary transition-all duration-200"> 
      <div class="ml-2 hidden md:block"> 
       <div class="text-sm font-medium">
         张明 
       </div> 
       <div class="text-xs text-text-tertiary">
         销售部 
       </div> 
      </div> 
      <i class="fas fa-angle-down ml-1 text-text-tertiary"> </i> 
     </div> 
    </div> 
   </header> 
   <!-- 内容滚动区域 --> 
   <div class="flex-1 overflow-y-auto p-6 bg-neutral" id="content-area"> 
    <!-- 会议计划页面 --> 
    <div class="page active" id="page-meeting-plan"> 
     <div class="flex justify-between items-center mb-6"> 
      <h2 class="text-2xl font-bold"> 会议计划 </h2> 
      <button id="create-meeting-btn" class="btn-primary"> <i class="fas fa-plus mr-2"> </i> 创建会议 </button> 
     </div> 
     <!-- 统计卡片 --> 
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6"> 
      <div class="bg-white rounded-lg card-shadow p-5 flex items-center"> 
       <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center text-primary mr-4"> 
        <i class="fas fa-calendar-alt text-xl"> </i> 
       </div> 
       <div> 
        <div class="text-text-tertiary text-sm">
          总会议数 
        </div> 
        <div class="text-2xl font-bold mt-1">
          24 
        </div> 
        <div class="text-xs text-green-600 mt-1 flex items-center"> 
         <i class="fas fa-arrow-up mr-1"> </i> 较上月增长 12% 
        </div> 
       </div> 
      </div> 
      <div class="bg-white rounded-lg card-shadow p-5 flex items-center"> 
       <div class="w-12 h-12 rounded-full bg-yellow-100 flex items-center justify-center text-yellow-600 mr-4"> 
        <i class="fas fa-clock text-xl"> </i> 
       </div> 
       <div> 
        <div class="text-text-tertiary text-sm">
          待召开 
        </div> 
        <div class="text-2xl font-bold mt-1">
          8 
        </div> 
        <div class="text-xs text-text-tertiary mt-1">
          占比 33.3% 
        </div> 
       </div> 
      </div> 
      <div class="bg-white rounded-lg card-shadow p-5 flex items-center"> 
       <div class="w-12 h-12 rounded-full bg-green-100 flex items-center justify-center text-green-600 mr-4"> 
        <i class="fas fa-check-circle text-xl"> </i> 
       </div> 
       <div> 
        <div class="text-text-tertiary text-sm">
          已完成 
        </div> 
        <div class="text-2xl font-bold mt-1">
          14 
        </div> 
        <div class="text-xs text-green-600 mt-1 flex items-center"> 
         <i class="fas fa-arrow-up mr-1"> </i> 较上月增长 8% 
        </div> 
       </div> 
      </div> 
      <div class="bg-white rounded-lg card-shadow p-5 flex items-center"> 
       <div class="w-12 h-12 rounded-full bg-red-100 flex items-center justify-center text-red-600 mr-4"> 
        <i class="fas fa-exclamation-circle text-xl"> </i> 
       </div> 
       <div> 
        <div class="text-text-tertiary text-sm">
          未参加 
        </div> 
        <div class="text-2xl font-bold mt-1">
          2 
        </div> 
        <div class="text-xs text-red-600 mt-1 flex items-center"> 
         <i class="fas fa-arrow-up mr-1"> </i> 较上月增长 1 
        </div> 
       </div> 
      </div> 
     </div> 
     <!-- 会议状态筛选 --> 
     <div class="bg-white rounded-lg card-shadow p-4 mb-6 flex flex-wrap items-center gap-4"> 
      <div class="flex items-center space-x-2"> 
       <span class="text-text-secondary"> 会议状态: </span> 
       <button class="badge badge-info px-3 py-1.5"> 全部 </button> 
       <button class="badge bg-white border border-neutral-dark px-3 py-1.5 hover:bg-neutral transition-colors duration-200"> 待召开 </button> 
       <button class="badge bg-white border border-neutral-dark px-3 py-1.5 hover:bg-neutral transition-colors duration-200"> 进行中 </button> 
       <button class="badge bg-white border border-neutral-dark px-3 py-1.5 hover:bg-neutral transition-colors duration-200"> 已结束 </button> 
      </div> 
      <div class="ml-auto flex items-center space-x-3"> 
       <div class="relative"> 
        <input type="text" placeholder="搜索会议..." class="pl-10 pr-4 py-2 rounded-lg text-sm border border-neutral-dark focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary w-64"> 
        <i class="fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-text-tertiary"> </i> 
       </div> 
       <div class="relative"> 
        <select class="input-field pr-8 appearance-none bg-white w-48"> <option value="recent"> 最近创建 </option> <option value="upcoming"> 即将召开 </option> <option value="past"> 历史会议 </option> </select> 
        <i class="fas fa-chevron-down absolute right-3 top-1/2 transform -translate-y-1/2 text-text-tertiary pointer-events-none"> </i> 
       </div> 
      </div> 
     </div> 
     <!-- 会议列表 --> 
     <div class="bg-white rounded-lg card-shadow overflow-hidden mb-6"> 
      <div class="overflow-x-auto"> 
       <table class="min-w-full divide-y divide-neutral-dark"> 
        <thead> 
         <tr> 
          <th class="table-header text-left"> 会议主题 </th> 
          <th class="table-header text-left"> 会议类型 </th> 
          <th class="table-header text-left"> 开始时间 </th> 
          <th class="table-header text-left"> 结束时间 </th> 
          <th class="table-header text-left"> 主持人 </th> 
          <th class="table-header text-left"> 参会人数 </th> 
          <th class="table-header text-left"> 状态 </th> 
          <th class="table-header text-left"> 操作 </th> 
         </tr> 
        </thead> 
        <tbody class="divide-y divide-neutral-dark"> 
         <tr class="table-row hover:bg-neutral/50 transition-colors duration-200"> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="font-medium">
             第二季度销售业绩回顾 
           </div> 
           <div class="text-xs text-text-tertiary mt-0.5">
             会议室: 线上会议 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-info"> 业绩回顾 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> 2023-06-28 14:00 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> 2023-06-28 15:30 </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="./1967850301578805248/35484bb241b312a663edd08b20b6b589.png" alt="主持人头像" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 李经理 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> 12人 </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-warning"> 待召开 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> <button class="text-primary hover:text-accent mr-3" title="查看详情"> <i class="fas fa-eye"> </i> </button> <button class="text-text-secondary hover:text-text-primary mr-3" title="编辑会议"> <i class="fas fa-edit"> </i> </button> <button class="text-text-secondary hover:text-text-primary" title="删除会议"> <i class="fas fa-trash-alt"> </i> </button> </td> 
         </tr> 
         <tr class="table-row hover:bg-neutral/50 transition-colors duration-200"> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="font-medium">
             新产品上市营销策略讨论 
           </div> 
           <div class="text-xs text-text-tertiary mt-0.5">
             会议室: 三楼会议室A 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-purple"> 策略讨论 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> 2023-06-25 10:00 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> 2023-06-25 12:00 </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="./1967850301578805248/ffb17fb9b8a581c42bc1eb31b7f0bbe7.png" alt="主持人头像" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 王总监 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> 8人 </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-success"> 已结束 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> <button class="text-primary hover:text-accent mr-3" title="查看详情"> <i class="fas fa-eye"> </i> </button> <button class="text-primary hover:text-accent mr-3" title="会议纪要"> <i class="fas fa-file-alt"> </i> </button> <button class="text-text-secondary hover:text-text-primary" title="删除会议"> <i class="fas fa-trash-alt"> </i> </button> </td> 
         </tr> 
         <tr class="table-row hover:bg-neutral/50 transition-colors duration-200"> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="font-medium">
             销售团队周例会 
           </div> 
           <div class="text-xs text-text-tertiary mt-0.5">
             会议室: 线上会议 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-info"> 团队例会 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> 2023-06-26 09:30 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> 2023-06-26 10:30 </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="https://design.gemcoder.com/staticResource/echoAiSystemImages/35484bb241b312a663edd08b20b6b589.png" alt="主持人头像" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 李经理 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> 15人 </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-warning"> 待召开 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> <button class="text-primary hover:text-accent mr-3" title="查看详情"> <i class="fas fa-eye"> </i> </button> <button class="text-text-secondary hover:text-text-primary mr-3" title="编辑会议"> <i class="fas fa-edit"> </i> </button> <button class="text-text-secondary hover:text-text-primary" title="删除会议"> <i class="fas fa-trash-alt"> </i> </button> </td> 
         </tr> 
         <tr class="table-row hover:bg-neutral/50 transition-colors duration-200"> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="font-medium">
             客户需求分析与方案制定 
           </div> 
           <div class="text-xs text-text-tertiary mt-0.5">
             会议室: 线上会议 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-info"> 需求分析 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> 2023-06-24 16:00 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> 2023-06-24 17:30 </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="./1967850301578805248/6e509c817abc5bef92466a621928a013.png" alt="主持人头像" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 张明 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> 5人 </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-success"> 已结束 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-sm"> <button class="text-primary hover:text-accent mr-3" title="查看详情"> <i class="fas fa-eye"> </i> </button> <button class="text-primary hover:text-accent mr-3" title="会议纪要"> <i class="fas fa-file-alt"> </i> </button> <button class="text-text-secondary hover:text-text-primary" title="删除会议"> <i class="fas fa-trash-alt"> </i> </button> </td> 
         </tr> 
        </tbody> 
       </table> 
      </div> 
      <!-- 分页 --> 
      <div class="px-4 py-3 flex items-center justify-between border-t border-neutral-dark"> 
       <div class="text-sm text-text-tertiary">
         显示 1 至 4 条，共 12 条记录 
       </div> 
       <div class="flex space-x-1"> 
        <button class="px-3 py-1 rounded border border-neutral-dark text-text-secondary hover:bg-neutral disabled:opacity-50 disabled:cursor-not-allowed" disabled> <i class="fas fa-angle-left"> </i> </button> 
        <button class="px-3 py-1 rounded border border-primary bg-primary text-white"> 1 </button> 
        <button class="px-3 py-1 rounded border border-neutral-dark text-text-secondary hover:bg-neutral"> 2 </button> 
        <button class="px-3 py-1 rounded border border-neutral-dark text-text-secondary hover:bg-neutral"> 3 </button> 
        <button class="px-3 py-1 rounded border border-neutral-dark text-text-secondary hover:bg-neutral"> <i class="fas fa-angle-right"> </i> </button> 
       </div> 
      </div> 
     </div> 
    </div> 
    <!-- 创建会议模态框 --> 
    <div id="create-meeting-modal" class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4"> 
     <div class="bg-white rounded-lg w-full max-w-4xl max-h-[90vh] overflow-y-auto"> 
      <div class="border-b border-neutral-dark p-5 flex justify-between items-center sticky top-0 bg-white z-10"> 
       <h3 class="text-xl font-bold"> 创建会议 </h3> 
       <button id="close-meeting-modal" class="text-text-tertiary hover:text-text-primary transition-colors"> <i class="fas fa-times text-xl"> </i> </button> 
      </div> 
      <div class="p-5"> 
       <form id="create-meeting-form"> 
        <div class="grid grid-cols-1 md:grid-cols-2 gap-5 mb-5"> 
         <div> 
          <label class="block text-sm font-medium text-text-primary mb-2" for="meeting-title"> 会议主题 <span class="text-red-500"> * </span> </label> 
          <input type="text" id="meeting-title" class="input-field" placeholder="请输入会议主题" required> 
         </div> 
         <div> 
          <label class="block text-sm font-medium text-text-primary mb-2" for="meeting-type"> 会议类型 <span class="text-red-500"> * </span> </label> 
          <select id="meeting-type" class="input-field" required> <option value> 请选择会议类型 </option> <option value="regular"> 团队例会 </option> <option value="review"> 业绩回顾 </option> <option value="strategy"> 策略讨论 </option> <option value="demand"> 需求分析 </option> <option value="training"> 培训会议 </option> <option value="other"> 其他会议 </option> </select> 
         </div> 
         <div> 
          <label class="block text-sm font-medium text-text-primary mb-2" for="meeting-date"> 会议日期 <span class="text-red-500"> * </span> </label> 
          <input type="date" id="meeting-date" class="input-field" required> 
         </div> 
         <div> 
          <label class="block text-sm font-medium text-text-primary mb-2" for="meeting-room"> 会议室/方式 <span class="text-red-500"> * </span> </label> 
          <select id="meeting-room" class="input-field" required> <option value> 请选择会议室或会议方式 </option> <option value="online"> 线上会议 </option> <option value="room1"> 一楼会议室 </option> <option value="room2"> 二楼会议室A </option> <option value="room3"> 二楼会议室B </option> <option value="room4"> 三楼会议室A </option> <option value="room5"> 三楼会议室B </option> </select> 
         </div> 
         <div> 
          <label class="block text-sm font-medium text-text-primary mb-2" for="start-time"> 开始时间 <span class="text-red-500"> * </span> </label> 
          <input type="time" id="start-time" class="input-field" required> 
         </div> 
         <div> 
          <label class="block text-sm font-medium text-text-primary mb-2" for="end-time"> 结束时间 <span class="text-red-500"> * </span> </label> 
          <input type="time" id="end-time" class="input-field" required> 
         </div> 
         <div> 
          <label class="block text-sm font-medium text-text-primary mb-2" for="meeting-host"> 主持人 <span class="text-red-500"> * </span> </label> 
          <input type="text" id="meeting-host" class="input-field" placeholder="请输入主持人姓名" value="张明" required> 
         </div> 
         <div> 
          <label class="block text-sm font-medium text-text-primary mb-2" for="meeting-department"> 所属部门 </label> 
          <input type="text" id="meeting-department" class="input-field" placeholder="请输入所属部门" value="销售部"> 
         </div> 
        </div> 
        <div class="mb-5"> 
         <label class="block text-sm font-medium text-text-primary mb-2" for="meeting-participants"> 参会人员 <span class="text-red-500"> * </span> </label> 
         <div class="relative"> 
          <input type="text" id="meeting-participants" class="input-field pr-10" placeholder="请输入参会人员，多个人员用逗号分隔" required> 
          <button type="button" class="absolute right-2 top-1/2 transform -translate-y-1/2 bg-neutral-dark text-white rounded px-2 py-1 text-xs hover:bg-text-tertiary transition-colors"> <i class="fas fa-user-plus mr-1"> </i> 选择 </button> 
         </div> 
         <p class="text-xs text-text-tertiary mt-1"> 提示：输入姓名后按回车添加，或点击"选择"按钮从通讯录选择 </p> 
        </div> 
        <div class="mb-5"> 
         <label class="block text-sm font-medium text-text-primary mb-2" for="meeting-agenda"> 会议议程 </label> 
         <textarea id="meeting-agenda" rows="4" class="input-field" placeholder="请输入会议议程，每行一项">
        </textarea> 
        </div> 
        <div class="mb-5"> 
         <label class="block text-sm font-medium text-text-primary mb-2" for="meeting-notes"> 会议备注 </label> 
         <textarea id="meeting-notes" rows="3" class="input-field" placeholder="请输入会议备注信息">
        </textarea> 
        </div> 
        <div class="flex justify-end space-x-3 pt-4 border-t border-neutral-dark"> 
         <button type="button" id="cancel-meeting-btn" class="btn-outline"> 取消 </button> 
         <button type="submit" class="btn-primary"> <i class="fas fa-save mr-2"> </i> 保存会议 </button> 
        </div> 
       </form> 
      </div> 
     </div> 
    </div> 
    <!-- 会议纪要模态框 --> 
    <div id="meeting-minutes-modal" class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4"> 
     <div class="bg-white rounded-lg w-full max-w-4xl max-h-[90vh] overflow-y-auto"> 
      <div class="border-b border-neutral-dark p-5 flex justify-between items-center sticky top-0 bg-white z-10"> 
       <h3 class="text-xl font-bold"> 会议纪要 - 新产品上市营销策略讨论 </h3> 
       <button id="close-minutes-modal" class="text-text-tertiary hover:text-text-primary transition-colors"> <i class="fas fa-times text-xl"> </i> </button> 
      </div> 
      <div class="p-5"> 
       <form id="meeting-minutes-form"> 
        <div class="grid grid-cols-1 md:grid-cols-3 gap-5 mb-5"> 
         <div> 
          <label class="block text-sm font-medium text-text-tertiary mb-1"> 会议日期 </label> 
          <p class="text-sm"> 2023-06-25 </p> 
         </div> 
         <div> 
          <label class="block text-sm font-medium text-text-tertiary mb-1"> 会议时间 </label> 
          <p class="text-sm"> 10:00 - 12:00 </p> 
         </div> 
         <div> 
          <label class="block text-sm font-medium text-text-tertiary mb-1"> 会议地点 </label> 
          <p class="text-sm"> 三楼会议室A </p> 
         </div> 
         <div> 
          <label class="block text-sm font-medium text-text-tertiary mb-1"> 主持人 </label> 
          <p class="text-sm"> 王总监 </p> 
         </div> 
         <div> 
          <label class="block text-sm font-medium text-text-tertiary mb-1"> 记录人 </label> 
          <p class="text-sm"> 张明 </p> 
         </div> 
         <div> 
          <label class="block text-sm font-medium text-text-tertiary mb-1"> 参会人数 </label> 
          <p class="text-sm"> 8人 </p> 
         </div> 
        </div> 
        <div class="mb-5"> 
         <label class="block text-sm font-medium text-text-tertiary mb-1"> 参会人员 </label> 
         <div class="flex flex-wrap gap-2 p-3 bg-neutral rounded-md min-h-[80px]"> 
          <span class="inline-flex items-center px-3 py-1 rounded-full text-sm bg-white border border-neutral-dark"> 王总监 <button type="button" class="ml-1 text-text-tertiary hover:text-red-500"> <i class="fas fa-times-circle"> </i> </button> </span> 
          <span class="inline-flex items-center px-3 py-1 rounded-full text-sm bg-white border border-neutral-dark"> 张明 <button type="button" class="ml-1 text-text-tertiary hover:text-red-500"> <i class="fas fa-times-circle"> </i> </button> </span> 
          <span class="inline-flex items-center px-3 py-1 rounded-full text-sm bg-white border border-neutral-dark"> 李销售 <button type="button" class="ml-1 text-text-tertiary hover:text-red-500"> <i class="fas fa-times-circle"> </i> </button> </span> 
          <span class="inline-flex items-center px-3 py-1 rounded-full text-sm bg-white border border-neutral-dark"> 赵市场 <button type="button" class="ml-1 text-text-tertiary hover:text-red-500"> <i class="fas fa-times-circle"> </i> </button> </span> 
          <span class="inline-flex items-center px-3 py-1 rounded-full text-sm bg-white border border-neutral-dark"> 钱技术 <button type="button" class="ml-1 text-text-tertiary hover:text-red-500"> <i class="fas fa-times-circle"> </i> </button> </span> 
          <button type="button" class="inline-flex items-center px-3 py-1 rounded-full text-sm bg-white border border-dashed border-text-tertiary text-text-tertiary hover:border-primary hover:text-primary transition-colors"> <i class="fas fa-plus mr-1"> </i> 添加 </button> 
         </div> 
        </div> 
        <div class="mb-5"> 
         <label class="block text-sm font-medium text-text-primary mb-2" for="meeting-objective"> 会议目标 </label> 
         <textarea id="meeting-objective" rows="2" class="input-field" placeholder="请输入本次会议的目标和期望成果">
        讨论新产品X的市场定位、目标客户群体及上市营销策略，确定各部门职责和时间节点。
    </textarea> 
        </div> 
        <div class="mb-5"> 
         <label class="block text-sm font-medium text-text-primary mb-2"> 会议内容与决议 </label> 
         <div class="space-y-4"> 
          <div class="border border-neutral-dark rounded-md overflow-hidden"> 
           <div class="bg-neutral px-4 py-2 flex justify-between items-center"> 
            <span class="text-sm font-medium"> 议题 1: 产品市场定位 </span> 
            <button type="button" class="text-text-tertiary hover:text-text-primary transition-colors text-sm"> <i class="fas fa-trash-alt"> </i> </button> 
           </div> 
           <div class="p-4"> 
            <div class="mb-3"> 
             <label class="block text-xs text-text-tertiary mb-1"> 讨论内容 </label> 
             <textarea rows="2" class="input-field text-sm" placeholder="请输入讨论内容">
        分析了产品X的核心优势和目标用户需求，对比了市场同类产品的定位和价格策略。
    </textarea> 
            </div> 
            <div> 
             <label class="block text-xs text-text-tertiary mb-1"> 决议结果 </label> 
             <textarea rows="2" class="input-field text-sm" placeholder="请输入决议结果">
        产品X定位为中高端市场，主打年轻专业人士群体，价格区间设定在2999-3999元。
    </textarea> 
            </div> 
           </div> 
          </div> 
          <div class="border border-neutral-dark rounded-md overflow-hidden"> 
           <div class="bg-neutral px-4 py-2 flex justify-between items-center"> 
            <span class="text-sm font-medium"> 议题 2: 营销策略 </span> 
            <button type="button" class="text-text-tertiary hover:text-text-primary transition-colors text-sm"> <i class="fas fa-trash-alt"> </i> </button> 
           </div> 
           <div class="p-4"> 
            <div class="mb-3"> 
             <label class="block text-xs text-text-tertiary mb-1"> 讨论内容 </label> 
             <textarea rows="2" class="input-field text-sm" placeholder="请输入讨论内容">
        讨论了线上线下渠道组合、社交媒体推广策略、KOL合作计划及促销活动方案。
    </textarea> 
            </div> 
            <div> 
             <label class="block text-xs text-text-tertiary mb-1"> 决议结果 </label> 
             <textarea rows="2" class="input-field text-sm" placeholder="请输入决议结果">
        1. 线上重点布局电商平台和社交媒体；2. 邀请3位行业KOL进行产品评测；3. 上市首月推出"早鸟优惠"活动。
    </textarea> 
            </div> 
           </div> 
          </div> 
          <button type="button" class="btn-outline w-full justify-center"> <i class="fas fa-plus mr-2"> </i> 添加议题 </button> 
         </div> 
        </div> 
        <div class="mb-5"> 
         <label class="block text-sm font-medium text-text-primary mb-2"> 行动计划 </label> 
         <div class="overflow-x-auto"> 
          <table class="min-w-full divide-y divide-neutral-dark"> 
           <thead> 
            <tr> 
             <th class="px-4 py-2 bg-neutral text-left text-xs font-medium text-text-secondary uppercase tracking-wider w-1/4"> 任务描述 </th> 
             <th class="px-4 py-2 bg-neutral text-left text-xs font-medium text-text-secondary uppercase tracking-wider w-1/6"> 负责人 </th> 
             <th class="px-4 py-2 bg-neutral text-left text-xs font-medium text-text-secondary uppercase tracking-wider w-1/6"> 起止时间 </th> 
             <th class="px-4 py-2 bg-neutral text-left text-xs font-medium text-text-secondary uppercase tracking-wider w-1/6"> 状态 </th> 
             <th class="px-4 py-2 bg-neutral text-left text-xs font-medium text-text-secondary uppercase tracking-wider w-1/6"> 优先级 </th> 
             <th class="px-4 py-2 bg-neutral text-left text-xs font-medium text-text-secondary uppercase tracking-wider w-1/6"> 操作 </th> 
            </tr> 
           </thead> 
           <tbody class="bg-white divide-y divide-neutral-dark"> 
            <tr> 
             <td class="px-4 py-3 whitespace-nowrap"> <textarea rows="2" class="input-field text-sm w-full" placeholder="请输入任务描述">
        完成产品X宣传册设计与制作
    </textarea> </td> 
             <td class="px-4 py-3 whitespace-nowrap"> <input type="text" class="input-field text-sm" value="赵市场"> </td> 
             <td class="px-4 py-3 whitespace-nowrap"> 
              <div class="flex space-x-2"> 
               <input type="date" class="input-field text-sm" value="2023-06-26"> 
               <span class="flex items-center text-text-tertiary"> 至 </span> 
               <input type="date" class="input-field text-sm" value="2023-07-05"> 
              </div> </td> 
             <td class="px-4 py-3 whitespace-nowrap"> <select class="input-field text-sm"> <option value="pending"> 待开始 </option> <option value="in-progress"> 进行中 </option> <option value="completed"> 已完成 </option> <option value="delayed"> 已延期 </option> </select> </td> 
             <td class="px-4 py-3 whitespace-nowrap"> <select class="input-field text-sm"> <option value="high"> 高 </option> <option value="medium" selected> 中 </option> <option value="low"> 低 </option> </select> </td> 
             <td class="px-4 py-3 whitespace-nowrap"> <button type="button" class="text-text-secondary hover:text-red-500 transition-colors"> <i class="fas fa-trash-alt"> </i> </button> </td> 
            </tr> 
            <tr> 
             <td class="px-4 py-3 whitespace-nowrap"> <textarea rows="2" class="input-field text-sm w-full" placeholder="请输入任务描述">
        联系并确定3位KOL合作意向及费用
    </textarea> </td> 
             <td class="px-4 py-3 whitespace-nowrap"> <input type="text" class="input-field text-sm" value="张明"> </td> 
             <td class="px-4 py-3 whitespace-nowrap"> 
              <div class="flex space-x-2"> 
               <input type="date" class="input-field text-sm" value="2023-06-26"> 
               <span class="flex items-center text-text-tertiary"> 至 </span> 
               <input type="date" class="input-field text-sm" value="2023-07-10"> 
              </div> </td> 
             <td class="px-4 py-3 whitespace-nowrap"> <select class="input-field text-sm"> <option value="pending" selected> 待开始 </option> <option value="in-progress"> 进行中 </option> <option value="completed"> 已完成 </option> <option value="delayed"> 已延期 </option> </select> </td> 
             <td class="px-4 py-3 whitespace-nowrap"> <select class="input-field text-sm"> <option value="high" selected> 高 </option> <option value="medium"> 中 </option> <option value="low"> 低 </option> </select> </td> 
             <td class="px-4 py-3 whitespace-nowrap"> <button type="button" class="text-text-secondary hover:text-red-500 transition-colors"> <i class="fas fa-trash-alt"> </i> </button> </td> 
            </tr> 
           </tbody> 
          </table> 
         </div> 
         <div class="mt-3 text-center"> 
          <button type="button" class="btn-outline inline-flex items-center justify-center"> <i class="fas fa-plus mr-2"> </i> 添加任务 </button> 
         </div> 
        </div> 
        <div class="mb-5"> 
         <label class="block text-sm font-medium text-text-primary mb-2" for="meeting-summary"> 会议总结 </label> 
         <textarea id="meeting-summary" rows="3" class="input-field" placeholder="请输入会议总结">
        本次会议明确了新产品X的市场定位和上市营销策略，各部门需按照行动计划按时完成相关工作。下次会议定于7月10日召开，回顾各项工作进展。
    </textarea> 
        </div> 
        <div class="mb-5"> 
         <label class="block text-sm font-medium text-text-primary mb-2" for="attachment"> 附件上传 </label> 
         <div class="border-2 border-dashed border-neutral-dark rounded-md p-6 text-center hover:border-primary transition-colors cursor-pointer bg-neutral/50"> 
          <input type="file" id="attachment" class="hidden" multiple> 
          <label for="attachment" class="cursor-pointer"> <i class="fas fa-cloud-upload-alt text-3xl text-text-tertiary mb-2 block"> </i> <p class="text-sm text-text-secondary mb-1"> 点击或拖拽文件至此处上传 </p> <p class="text-xs text-text-tertiary"> 支持 PDF, Word, Excel, PPT, 图片等格式，单个文件不超过20MB </p> </label> 
         </div> 
         <div class="mt-3 flex flex-wrap gap-2"> 
          <div class="flex items-center p-2 bg-neutral rounded-md text-sm max-w-xs"> 
           <i class="fas fa-file-pdf text-red-500 mr-2"> </i> 
           <span class="truncate flex-1"> 新产品X市场分析报告.pdf </span> 
           <button type="button" class="ml-2 text-text-tertiary hover:text-red-500 transition-colors"> <i class="fas fa-times-circle"> </i> </button> 
          </div> 
          <div class="flex items-center p-2 bg-neutral rounded-md text-sm max-w-xs"> 
           <i class="fas fa-file-powerpoint text-orange-500 mr-2"> </i> 
           <span class="truncate flex-1"> 产品X演示文稿.pptx </span> 
           <button type="button" class="ml-2 text-text-tertiary hover:text-red-500 transition-colors"> <i class="fas fa-times-circle"> </i> </button> 
          </div> 
         </div> 
        </div> 
        <div class="flex justify-end space-x-3 pt-4 border-t border-neutral-dark"> 
         <button type="button" id="cancel-minutes-btn" class="btn-outline"> 取消 </button> 
         <button type="button" class="btn-secondary"> <i class="fas fa-save mr-2"> </i> 保存草稿 </button> 
         <button type="submit" class="btn-primary"> <i class="fas fa-check mr-2"> </i> 提交纪要 </button> 
        </div> 
       </form> 
      </div> 
     </div> 
    </div> 
    <!-- 其他页面内容保持不变 --> 
    <div class="page hidden" id="page-work-dashboard"> 
    </div> 
    <div class="page hidden" id="page-monthly-tasks"> 
    </div> 
    <div class="page hidden" id="page-latest-announcements"> 
    </div> 
    <div class="page hidden" id="page-historical-announcements"> 
    </div> 
    <div class="page hidden" id="page-goal-dashboard"> 
    </div> 
    <div class="page hidden" id="page-performance-entry"> 
    </div> 
    <div class="page hidden" id="page-product-library"> 
    </div> 
    <div class="page hidden" id="page-marketing-plan"> 
    </div> 
    <div class="page hidden" id="page-customer-records"> 
    </div> 
    <div class="page hidden" id="page-pk-activities"> 
    </div> 
    <div class="page hidden" id="page-work-tasks"> 
    </div> 
   </div> 
  </main> 
  <script>// 页面加载时初始化
        document.addEventListener('DOMContentLoaded', () => {
            // 菜单切换功能
            const menuItems = document.querySelectorAll('.menu-item[data-menu]');
            menuItems.forEach(item => {
                item.addEventListener('click', () => {
                    // 移除所有菜单的活动状态
                    document.querySelectorAll('.menu-item').forEach(menu => { menu.classList.remove('menu-item-active'); });
                    
                    // 添加当前菜单的活动状态
                    item.classList.add('menu-item-active'); 
                    
                    const menuId = item.getAttribute('data-menu');
                    const submenu = document.getElementById(`submenu-${menuId}`);
                    const icon = item.querySelector('i:last-child');
                    
                    // 切换子菜单显示/隐藏
                    if (submenu.classList.contains('hidden')) {
                        submenu.classList.remove('hidden');
                        icon.classList.remove('fa-chevron-right');
                        icon.classList.add('fa-chevron-down');
                    } else {
                        submenu.classList.add('hidden');
                        icon.classList.remove('fa-chevron-down');
                        icon.classList.add('fa-chevron-right');
                    }
                });
            });
            
            // 子菜单切换功能
            const submenuItems = document.querySelectorAll('.submenu-item[data-page]');
            submenuItems.forEach(item => {
                item.addEventListener('click', () => {
                    // 移除所有子菜单的活动状态
                    document.querySelectorAll('.submenu-item').forEach(submenu => { submenu.classList.remove('submenu-item-active'); });
                    
                    // 添加当前子菜单的活动状态
                    item.classList.add('submenu-item-active');
                    
                    // 获取页面ID和面包屑信息
                    const pageId = item.getAttribute('data-page');
                    const parentMenu = item.closest('.submenu').id.replace('submenu-', '');
                    const parentMenuText = document.querySelector(`.menu-item[data-menu="${parentMenu}"] span`).textContent;
                    const currentMenuText = item.querySelector('span').textContent;
                    
                    // 更新面包屑
                    document.getElementById('breadcrumb').innerHTML = `













<span>${parentMenuText}</span>
  <i class="fas fa-angle-right mx-2 text-xs">
  </i>
  <span>${currentMenuText}</span>
    
    
    
    
    
    
    
    
    
    
    
    
    
  `;
                    
                    // 切换页面显示
                    document.querySelectorAll('.page').forEach(page => { page.classList.add('hidden'); });
                    document.getElementById(`page-${pageId}`).classList.remove('hidden');
                });
            });
            
            // 侧边栏切换功能
            const toggleSidebar = document.getElementById('toggle-sidebar');
            const sidebar = document.getElementById('sidebar');
            toggleSidebar.addEventListener('click', () => {
                if (sidebar.classList.contains('w-220')) {
                    sidebar.classList.remove('w-220');  
                    sidebar.classList.add('w-20');
                    // 隐藏菜单文本
                    document.querySelectorAll('.menu-item span:first-of-type').forEach(text => { text.classList.add('hidden'); });
                    document.querySelectorAll('.submenu').forEach(submenu => { submenu.classList.add('hidden'); });
                    document.querySelectorAll('.menu-item i:last-child').forEach(icon => { icon.classList.add('hidden'); });
                } else {
                    sidebar.classList.remove('w-20');
                    sidebar.classList.add('w-220');
                    // 显示菜单文本
                    document.querySelectorAll('.menu-item span:first-of-type').forEach(text => { text.classList.remove('hidden'); });
                    // 恢复之前打开的子菜单
                    document.querySelectorAll('.menu-item-active').forEach(menu => {
                        const menuId = menu.getAttribute('data-menu');
                        const submenu = document.getElementById(`submenu-${menuId}`);
                        if (submenu) { submenu.classList.remove('hidden'); }
                    });
                    document.querySelectorAll('.menu-item i:last-child').forEach(icon => { icon.classList.remove('hidden'); });
                }
            });
            // 会议计划页面功能
            const createMeetingBtn = document.getElementById('create-meeting-btn');
            const createMeetingModal = document.getElementById('create-meeting-modal');
            const closeMeetingModal = document.getElementById('close-meeting-modal');
            const cancelMeetingBtn = document.getElementById('cancel-meeting-btn');
            const createMeetingForm = document.getElementById('create-meeting-form');
            
            // 打开创建会议模态框
            createMeetingBtn.addEventListener('click', () => {
                createMeetingModal.classList.remove('hidden');
                // 设置默认日期为今天
                const today = new Date().toISOString().split('T')[0];
                document.getElementById('meeting-date').value = today;
            });
            
            // 关闭创建会议模态框
            function closeCreateMeetingModal() {
                createMeetingModal.classList.add('hidden');
                createMeetingForm.reset();
            }
            
            closeMeetingModal.addEventListener('click', closeCreateMeetingModal);
            cancelMeetingBtn.addEventListener('click', closeCreateMeetingModal);
            
            // 点击模态框外部关闭
            createMeetingModal.addEventListener('click', (e) => {
                if (e.target === createMeetingModal) {
                    closeCreateMeetingModal();
                }
            });
            
            // 提交创建会议表单
            createMeetingForm.addEventListener('submit', (e) => {
                e.preventDefault();
                // 这里添加表单提交逻辑
                alert('会议创建成功！');
                closeCreateMeetingModal();
            });
            
            // 会议纪要模态框功能
            const meetingNotesBtns = document.querySelectorAll('#page-meeting-plan .fa-file-alt').forEach(btn => {
                btn.closest('button').addEventListener('click', openMeetingMinutesModal);
            });
            
            const meetingMinutesModal = document.getElementById('meeting-minutes-modal');
            const closeMinutesModal = document.getElementById('close-minutes-modal');
            const cancelMinutesBtn = document.getElementById('cancel-minutes-btn');
            const meetingMinutesForm = document.getElementById('meeting-minutes-form');
            
            // 打开会议纪要模态框
            function openMeetingMinutesModal() {
                meetingMinutesModal.classList.remove('hidden');
            }
            
            // 关闭会议纪要模态框
            function closeMeetingMinutesModal() {
                meetingMinutesModal.classList.add('hidden');
            }
            
            closeMinutesModal.addEventListener('click', closeMeetingMinutesModal);
            cancelMinutesBtn.addEventListener('click', closeMeetingMinutesModal);
            
            // 点击模态框外部关闭
            meetingMinutesModal.addEventListener('click', (e) => {
                if (e.target === meetingMinutesModal) {
                    closeMeetingMinutesModal();
                }
            });
            
            // 提交会议纪要表单
            meetingMinutesForm.addEventListener('submit', (e) => {
                e.preventDefault();
                // 这里添加表单提交逻辑
                alert('会议纪要提交成功！');
                closeMeetingMinutesModal();
            });
            
            // 参会人员删除按钮功能
            document.querySelectorAll('#meeting-minutes-form .fa-times-circle').forEach(btn => {
                btn.closest('button').addEventListener('click', function() {
                    this.closest('span').remove();
                });
            });
            
            // 议题删除按钮功能
            document.querySelectorAll('#meeting-minutes-form .fa-trash-alt').forEach(btn => {
                btn.closest('button').addEventListener('click', function() {
                    this.closest('.border').remove();
                });
            });
            
            // 附件删除按钮功能
            document.querySelectorAll('#meeting-minutes-form .fa-times-circle').forEach(btn => {
                if (btn.closest('.mt-3')) {
                    btn.closest('button').addEventListener('click', function() {
                        this.closest('.flex').remove();
                    });
                }
            });
            
            // 任务删除按钮功能
            document.querySelectorAll('#meeting-minutes-form tbody .fa-trash-alt').forEach(btn => {
                btn.closest('button').addEventListener('click', function() {
                    this.closest('tr').remove();
                });
            });
        });</script>  
 </body>
</html>